<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/net .css">
</head>
<body>
    <div class="top">
        <div class="top-l">
            <img src="./img/catflix.svg" alt="">
        </div>
        <div class="top-banner">
            <div class="home">
                <img src="./img/home.svg" alt="">
                Home</div>
            <div class="Movies">
                <img src="./img/movies.svg" alt="">
                Movies</div>
            <div class="saerch">
                <img src="./img/tv.svg" alt="">
                Series</div>
        </div>
        <div class="top-r">
            <img src="./img/ss.svg" alt="">
                <div class="inputku">
                <input type="text" placeholder="saerch">
                </div>
                <div class="user">
                <img src="./img/user.svg" alt="">
        </div>
    </div>
</div>
    <div class="banner">
		<div class="banner-text">
			Network
		</div>
        <div class="banner-1">
			<a href="#">
            <div class="tu-one">
               <img src="./img/tu1.svg" alt="">
            </div>
			</a>
			<a href="#">
            <div class="tu-tow">
				<img src="./img/appletv.svg" alt="">
			</div>
			</a>
			<a href="#">
            <div class="tu-three">
				<img src="./img/fox.svg" alt="">
			</div>
			</a>
			<a href="#">
            <div class="tu-four">
				<img src="./img/hulu.svg" alt="">
			</div>
			</a>
            </div>
		<div class="banner-2">
			<a href="#">
			<div class="tu-one">
			   <img src="./img/fox.svg" alt="">
			</div>
			</a>
			<a href="#">
			<div class="tu-tow">
				<img src="./img/tu1.svg" alt="">
			</div>
			</a>
			<a href="#">
			<div class="tu-three">
				<img src="./img/hulu.svg" alt="">
			</div>
			</a>
			<a href="#">
			<div class="tu-four">
				<img src="./img/appletv.svg" alt="">
			</div>
			</a>
		</div>
		<div class="banner-3">
			<a href="#">
			<div class="tu-one">
			   <img src="./img/appletv.svg" alt="">
			</div>
			</a>
			<a href="#">
			<div class="tu-tow">
				<img src="./img/hulu.svg" alt="">
			</div>
			</a>
			<a href="#">
			<div class="tu-three">
				<img src="./img/tu1.svg" alt="">
			</div>
			</a>
			<a href="#">
			<div class="tu-four">
				<img src="./img/fox.svg" alt="">
			</div>
			</a>
		</div>
		<div class="banner-4">
			<a href="#">
			<div class="tu-one">
			   <img src="./img/tu1.svg" alt="">
			</div>
			</a>
			<a href="#">
			<div class="tu-tow">
				<img src="./img/appletv.svg" alt="">
			</div>
			</a>
			<a href="#">
			<div class="tu-three">
				<img src="./img/fox.svg" alt="">
			</div>
			</a>
			<a href="#">
			<div class="tu-four">
				<img src="./img/hulu.svg" alt="">
			</div>
			</a>
		</div>
		<div class="banner-5">
			<a href="#">
			<div class="tu-one">
			   <img src="./img/fox.svg" alt="">
			</div>
			</a>
			<a href="#">
			<div class="tu-tow">
				<img src="./img/tu1.svg" alt="">
			</div>
			</a>
			<a href="#">
			<div class="tu-three">
				<img src="./img/hulu.svg" alt="">
			</div>
			</a>
			<a href="#">
			<div class="tu-four">
				<img src="./img/appletv.svg" alt="">
			</div>
			</a>
		</div>
		<div class="banner-6">
			<a href="#">
			<div class="tu-one">
			   <img src="./img/appletv.svg" alt="">
			</div>
			</a>
			<a href="#">
			<div class="tu-tow">
				<img src="./img/hulu.svg" alt="">
			</div>
			</a>
			<a href="#">
			<div class="tu-three">
				<img src="./img/tu1.svg" alt="">
			</div>
			</a>
			<a href="#">
			<div class="tu-four">
				<img src="./img/fox.svg" alt="">
			</div>
			</a>
		</div>
     </div>
	 <div class="box">
		 <form action="#">
			 <a href="#">
			 <input type="button"  value="Load more"/>
			 </a>
		 </form>
	 </div>
	 <div class="box-one">
	      <img src="./img/catflix.svg" alt="">
	     <div class="box-a">
	         <div> <a href="#">Home</a></div>
	         <div> <a href="#">Movies</a></div>
	         <div><a href="#">Series</a></div>
	         <div> <a href="#">Searsh</a></div>
	     </div>
	     <div class="box-b">
	         <div><a href="#">Distv+2023</a></div>
	         <div><a href="#">Home</a></div>
	         <div><a href="#">Movies</a></div>
	         <div><a href="#">Series</a></div>
	         <div><a href="#">Searsh</a></div>
	     </div>
	 </div>
</body>
</html>